<template>
  <div id="nav2">
    <div id="zuo">
         <router-link to="/guanzhu">关注</router-link>
         <router-link to="/home/tuijian">推荐</router-link>
         <router-link to="/home/bikeng">避坑</router-link>
         <router-link to="/home/anli">案例</router-link>
        <router-link to="/home/anli2">收纳</router-link>
        <router-link to="/home/luyoushouwei">路由</router-link>
    </div>
    <div id="you">
        <van-icon name="ellipsis" size=".25rem"/>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
#nav2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#zuo{
    display: flex;
    justify-content: space-around;
    flex: 1;
    overflow: auto;
    height: .4rem;
    align-items: center;
    
}
    #zuo a{
        color: #000;
        text-decoration: none;
        width: .45rem;
        flex-shrink: 0;
        padding-left: .2rem;
    }
    #zuo:nth-child(1){
        padding-left: .7rem;
    }
</style>